<template>
  <div class="w-full px-10 pt-4 pb-4">
    <div class="flex items-end gap-4">
      <img src="@/assets/1.png" class="h-full" alt="">
      <div class="font-bold text-3xl  lg:text-5xl">Fast 加速器</div>
<!--      <img src="@/assets/2.png" class="h-full" alt="">-->
    </div>

    <div class="lg:grid lg:grid-cols-2 items-center place-items-center">
      <div class="py-8">
        <div class="text-[18px]  lg:text-[48px]  ">最新加速穿透技术</div>
        <div class="text-[16px] my-4 lg:text-[20px]">IPLC 专线 | 高级加密隧道 | 各地原生IP | V2ray技术 | 优质机房中转
        </div>
        <div class="text-[26px] lg:text-[59px] text-blue-500 font-bold">看广告终身免费使用加速器</div>
      </div>
      <img src="@/assets/3.png" alt="">
    </div>


    <div class="text-[20px] lg:text-[40px] text-center py-20">软件下载</div>

    <div class="lg:grid lg:grid-cols-2 place-items-center gap-4 text-center">
      <div class="grid grid-cols-2 place-items-center shadow-lg p-4 w-full">
        <img src="@/assets/4.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">Android</div>
          <div class="bg-[#1a9cfe] rounded px-4 py-2 text-white">
            <a href="https://www.fastspeed.network:8081/jeecgboot/sys/common/static/apk/Fast.apk" target="_blank">下载
              Fast 加速器</a>
          </div>
        </div>
      </div>

      <div class="grid grid-cols-2 place-items-center shadow-lg p-4 w-full">
        <img src="@/assets/15.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">iPhone / iPad</div>
          <div class="bg-[#a8c4d9] rounded px-4 py-2 text-white">
            敬请期待
          </div>
        </div>
      </div>

      <div class="grid grid-cols-2 place-items-center shadow-lg p-4 w-full h-52">
        <img src="@/assets/5.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">Windows</div>
          <div class="bg-[#a8c4d9] rounded px-4 py-2 text-white">
            敬请期待
          </div>
        </div>
      </div>

      <div class="grid grid-cols-2 place-items-center shadow-lg p-4 w-full h-52">
        <img src="@/assets/6.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">Mac os</div>
          <div class="bg-[#a8c4d9] rounded px-4 py-2 text-white">
            敬请期待
          </div>
        </div>
      </div>
    </div>

    <div class="text-center py-20">
      <div class="text-[20px] lg:text-[38px]">为您量身定制的服务</div>
      <div class="text-[18px] lg:text-[28px]">可靠的基础设施，并能提供您喜爱的诸多功能</div>
    </div>


    <div class="lg:grid lg:grid-cols-3 place-items-center gap-4 text-center">

      <div class="grid  place-items-center shadow-lg p-4 w-full h-60">
        <img src="@/assets/7.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">高速稳定</div>
          <div class="px-4 py-2 ">
            体验宛若身在海外的访问速度
          </div>
        </div>
      </div>

      <div class="grid  place-items-center shadow-lg p-4 w-full h-60">
        <img src="@/assets/8.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">便携设置</div>
          <div class="px-4 py-2 ">
            我们的服务适用于 macOS、iOS、Android、Windows 和 Linux
          </div>
        </div>
      </div>

      <div class="grid  place-items-center shadow-lg p-4 w-full h-60">
        <img src="@/assets/9.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">节省成本</div>
          <div class="px-4 py-2 ">
            相比自托管服务可节省大量费用
          </div>
        </div>
      </div>

      <div class="grid  place-items-center shadow-lg p-4 w-full h-60">
        <img src="@/assets/9.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">全球互联</div>
          <div class="px-4 py-2 ">
            通过 IXP 连接至全球内容提供商，
            <br/>
            更加快速
          </div>
        </div>
      </div>

      <div class="grid  place-items-center shadow-lg p-4 w-full h-60">
        <img src="@/assets/10.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">运营商友好</div>
          <div class="px-4 py-2 ">
            我们的产品和您的当地运营商兼容，适用于您的固网与移动网络
          </div>
        </div>
      </div>


      <div class="grid  place-items-center shadow-lg p-4 w-full h-60">
        <img src="@/assets/11.png" alt="">
        <div>
          <div class="text-[20px] lg:text-[36px]">多应用兼容</div>
          <div class="px-4 py-2 ">
            提供全面且可靠的第三方应用程序兼容
          </div>
        </div>
      </div>

    </div>

    <div class="grid lg:grid-cols-2 place-items-center gap-4 pt-40">

      <div>
        <div class="text-[20px] lg:text-[59px]">100＋ 线路</div>
        <div class="py-4">
          我们配备100+高速线路
          <br/>
          按您所在的地理位置和需要，连接最高速的线路
        </div>

<!--        <div class="text-[18px] text-[#007aff] py-2 lg:text-[32px]">线路包括：</div>

        <div class="text-[16px] lg:text-[22px] text-[#6a87a7]">
          香港&nbsp;IPLC&nbsp;专线
          <br>
          香港&nbsp;IPLC&nbsp;游戏专线
          <br>
          香港&nbsp;CN2&nbsp;专线
          <br>
          深圳&nbsp;BGP&nbsp;转香港&nbsp;CN2&nbsp;专线
          <br>
          广州&nbsp;BGP&nbsp;转香港&nbsp;CN2&nbsp;专线
          <br>
          上海&nbsp;BGP&nbsp;转香港&nbsp;HKIX&nbsp;专线
          <br>
          美国&nbsp;CN2&nbsp;GIA专线
          <br>
          美国&nbsp;CN2&nbsp;专线
          <br>
          英国&nbsp;CN2&nbsp;GIA&nbsp;专线
          <br>
          上海&nbsp;BGP&nbsp;转日本&nbsp;IIJ&nbsp;专线...
        </div>-->
      </div>

      <img src="@/assets/13.png" alt="">
    </div>

    <div class="grid lg:grid-cols-2 place-items-center gap-4 ">
      <img src="@/assets/14.png" alt="">

      <div>
        <div class="text-[30px] lg:text-[59px]">绝对保护隐私</div>
        <div class="text-20px lg:text-[22px]">
          我们采用无日志政策，不能纪录任何浏览记录和个人隐私，
          <br>
          传输的数据由TLS高度加密，让您在互联网上匿名。
        </div>
      </div>

    </div>

    <div class="bg-[#f1f9ff] text-[#7ca4be] w-full py-4 text-center flex flex-col gap-1 ">
      <div>Copyright 2018-2022 Fast 加速器</div>
      <div>长沙敦伦教育咨询有限公司潍坊潍城分公司</div>
      <div>应用名称: Fast 加速器</div>
      <div>更新时间: 2021-1-6 版本号: 版本3.2.22</div>
      <div class="flex gap-4 justify-center underline  underline-offset-4">
        <span>应用权限</span>
        <span>权限列表</span>
        <span>产品功能</span>
        <span>隐私协议</span>
      </div>
    </div>

  </div>
</template>


<script setup>
</script>
<style scoped></style>
